$(function () {
  //获取全部数据
  categoryAll();
  function categoryAll() {
    $.ajax({
      method: 'get',
      url: BigNew.category_list,
      data: {},
      success: (res) => {
        console.log(res);
        //使用模板引擎渲染数据
        const htmlStr = template('article', { list: res.data });
        $('tbody').html(htmlStr);
      }
    })
  }

  //新增功能
  //点击新增按钮，获取用户输入的数据
  $('#newAdd').click(() => {
    //获取数据
    const name = $('#name').val().trim();
    const slug = $('#slug').val().trim();
    //console.log(name, slug);
    //发送请求数据
    if (name == '' || slug == '') {
      return alert('内容不能为空');
    }
    $.ajax({
      method: 'post',
      url: BigNew.category_add,
      data: { name, slug },
      success: (res) => {
        console.log(res);
        if (res.code == 201) {
          //刷新页面，清空数据 ，关闭模态框
          categoryAll();
          $('#myModal').modal('hide');
          $('#name').val("");
          $('#slug').val("");
        }
      },
      error: () => {
        alert('新增失败');
      }
    })
  });


  //编辑功能 使用模态框的事件
  $('#myModal').on('show.bs.modal', function (e) {

    //判断是点击哪一个按钮,(获取按钮的文本)
    const targetText = $(e.relatedTarget).text().trim();
    //console.log(targetText);
    if (targetText == '新增分类') {
      $('#newAdd').show();
      $('#editBtn').hide();
      $('#name').val('');
      $('#slug').val('');
    } else if (targetText == '编辑') {
      $('#newAdd').hide();
      $('#editBtn').show();
      //点击编辑按钮，获取被编辑的数据 渲染到模态框
      const name = $(e.relatedTarget).parents('tr').children().eq(0).text();
      const slug = $(e.relatedTarget).parents('tr').children().eq(1).text();
      //渲染到模态框
      $('#name').val(name);
      $('#slug').val(slug);
      //获取被点击的，给模态框的按钮
      const id = $(e.relatedTarget).attr('data-id');
      $('#editBtn').attr('data-id', id);
    }
  })


  //编辑功能的处理
  $('#editBtn').click(() => {
    //获取id
    const id = $('#editBtn').attr('data-id');
    //console.log(id);
    const name = $('#name').val().trim();
    const slug = $('#slug').val().trim();
    if (name == '' || slug == '') {
      return alert('内容不允许为空');
    };

    $.ajax({
      method: 'post',
      url: BigNew.category_edit,
      data: {
        id, name, slug
      },
      success: (res) => {
        if (res.code == 200) {
          categoryAll();
          $('#myModal').modal('hide');
        }
      },
      error: () => {
        alert('分类或者别名重复');
      }
    })

  });


  //点击删除功能
  //事件委托
  $('tbody').on('click', '#delete_art', function () {
    //console.log($(this));
    //获取自定义属性
    const id = $(this).attr('data-id');
    $.ajax({
      method: 'post',
      url: BigNew.category_delete,
      data: { id },
      success: (res) => {
        // console.log(res);
        //刷新页面
        categoryAll();
      }
    })
  });
})